React Server Components 其實不是一個新概念了,React 官方第一次提出這個技術得回溯到 2020 年的 12 月,時至今日已經超過兩年了。不過這個技術卻一直待在研究與開發的階段,沒有正式的發布,可以說幾乎就要被 React 開發者們給遺忘了…,直到去年底 Next.js 13 的發布,部分新功能整合了 React Server Components,才讓 Server Components 又再一次受到關注。
React Core Team 本來就有提過會跟 Next.js 或 Remix 這類成熟的 meta frameworks 合作,在這些框架中嘗試一些未來想要推出的功能與架構,所以我們對於這次 Next.js 13 搶先推出 Server Components 其實不用感到太訝異。
雖然 Next 13 這次推出的關於 Server Components 的功能都還是實驗性質,未來各種 API 都有可能會做出改變,很多部分甚至還有嚴重的 bugs,但我認為這是一個認識 React Server Components 的好時機,我們也可以透過 Next.js 目前整合的現況預測與想像未來用 React 開發應用程式會與現今我們已經熟悉的模式有什麼樣的區別。
這篇文章會簡單複習一下 React Server Components 的概念,並探索 Next.js 13 整合的狀況以及在開發上帶來的改變,最後可能也會分享一下自己試用後的心得感想。